Con este método vamos a mostrar una fecha de forma diferente a la vez que vamos a tener la ventaja de modificar estilo.

Para ello nos situamos en Opciones/Formato.



Buscaremos el desplegable que dice Formato de cabecera de fecha y escogemos la opción que veis a continuación:


Una vez que guardamos los cambios nos dirigimos a Plantilla/Edición de HTML
Buscaremos <body> y justo después copiaremos el siguiente código:

<script>
function remplaza_fecha(d){
var da = d.split(&#39; ');
dia = "<div class='fecha_dia'>&quot;+da[0]+"</div>&quot;; //Le otorgamos una clase al día
mes = &quot;<div class='fecha_mes'>&quot;+da[1].slice(0,3)+&quot;</div>&quot;; //Le otorgamos una clase al mes
anio = &quot;<div class='fecha_anio'>&quot;+da[2]+"</div>&quot;; //Le otorgamos una clase al año
document.write(dia+mes+anio);
}
</script>

Guardamos los cambios y....

Ahora debemos Expandir la plantilla de artilugios y buscar donde dice: <data:post.dateHeader/>

Cuando lo encontremos debemos sustituirlo por lo siguiente:

<div id='fecha'>
<script>remplaza_fecha('<data:post.dateHeader/>');</script>
</div>

Ahora buscamos ]]></b:skin> los que tenéis las categorías en forma de pestaña recordaréis que está justo donde aplicamos el código de las categorías en forma de pestaña.
Justo encima de
]]></b:skin> añadimos lo siguiente:

#fecha {
display: block;
margin:0 10px;
float:left;
padding: 5px;
color: #464646;
background: #e4e3ad;
border:#d7d675 3px solid;
text-transform:capitalize;
}

.fecha_dia {
display: block;
font-size: 16px;
font-weight:bold;
}

.fecha_mes {
display: block;
font-size: 10px;
}

.fecha_anio {
display: block;
font-size: 10px;
}

Y eso es todo guardamos los cambios y listo.

El resultado es la imagen que veis a continuación, pero podéis cambiarle los colores de fondo y de texto modificando los estilos.



Si tienes alguna duda házmelo saber ;)


Vía :Blogyweb


FUNDACION CARITAS. (pro ayuda orientacion y rehabilitacion al discapacitado)

TIENES MUY BONITO TU BLOG SIEMPRE PUBLICAS COSAS NOVEDOSAS

Responder
melanista

Hola Gema! Soy yo otra vez, jeje. Simplemente me gustaría saber cómo haces para que en los últimos comentarios la frase salga de un color, y el autor en otro. Muchas gracias, un saludo.

Responder
Gem@

Agradezco mucho el comentario a la fundación de Cáritas, estaré encantada de seguir recibiendo su visita y ayudar cuando así lo requiera.

Hola Efecinco: ¿Arreglaste ya la sidebar?
Veamos... Es mucho más sencillo de lo que piensas, si te fijas bien aparecen en color rojo todo lo que son enlaces, y los comentarios lo son.
¿Cómo hacerlo?
Dirigete a Plantilla y verás Fuentes y colores ahí puedes modificar el color de los enlaces entre otras cosas.
¿Fácil verdad?
Suerte¡

Responder
Jose, a secas

hola Gem@:

Perdona mi ignorancia pero... para que sirve esto de cambiar la fecha?
No entendi bien la entrada.

Gracias y perdona por ser tan pesado.

Responder
Gustavo
Este comentario ha sido eliminado por el autor.
Responder
Gustavo

HECHO!!!!

Genial pero me pasó algo raro...debe ser porque tengo un fondo asignado de manera general.
El caso es que no me salió el color de fondo ni el borde...
(?¿?).

Gracias!

http://bluescomentado.blogspot.com

Responder
Gem@

Hola JmpaSrgc es una forma más de cambiar el diseño a las fechas ;)
Mira la fecha de mis entradas (está justo encima del cada post) al cambiar el estilo nos da una fecha tipo gráfico, en la imagen de ejemplo puedes verlo.

Hola Gustavo eso debe porque el color del fondo de tu blog es el mismo que el que viene predeterminado en el código, pero puedes cambiarlo, yo lo hice para el ejemplo ;)
No he podido verlo, no tienes el perfil disponible :(

Responder
Gem@

Ya lo he vistooo en el enlace que deja tu comentario al llegar a mi correo ;)

Responder
Joel

Hola, tengo un poco de insomnio, así que después de añadir una imagen flotante, me he puesto a personalizar la fecha del blog... que cosa más curiosa! Es bien original, aunque como me ponga a hacer todo lo que propones, mi blog después parecerá de todo menos algo personal, ¿verdad? De momento, te he hecho caso pasito a pasito y después de ver el resultado final, todavía me he atrevido a cambiar los colores del fondo y de la letra de la fecha... ahí queda eso...
Muchas gracias, y te felicito de nuevo porque tus trucos son superfáciles de seguir, de momento...

Responder
Gem@

Hola Joel, el insomnio ha sido el ´´culpable`` de adentrarme en el mundo de los códigos o html ;)
(Algo bueno debía tener )

Responder
Victor

Hola Gem@, puse ese codigo de la fecha pero en mi blog no se pone el cuadrito ese, solo el nombre, por que puede ser?

Responder
Gem@

Prueba a cambiar los colores Victor, por si tu blog tiene el mismo color de fondo que el de la fecha.

Responder
j µ a n l µ

muuuchas thanks por tu post, me ha sido de mucha utilidad, mira como me quedó la fecha http://juanlugil.blogspot.com

saluditos desde Terrassa

Responder
Gem@

Bienvenido j µ a n l µ te quedó perfecto :)

Responder
·• §mã© •·

este Gem@ hola mira mi fecha queda asi pero yo quiero que quede al lado derecho y esta en el izquierdo ...
o sera porque la segunda sidervar ??
espero tu respuesta
gracias

Responder
Gem@

No puedo mirar tu fecha • §mã© •· no sé cual es tu página :(

Responder
Adri

hola Gema.

En primer lugar, gracias por tu blog, ha sido mi salvación muchas veces.

Estoy rediseñando uno de mis blogs y al hacer ésto de la fecha me sale bien, pero se me queda encima del titulo del post.. cómo hago para que me quede en la izquierda como en la foto de prueba?

Muchas gracias

Responder
Gem@

Hola Adri, te quedará justo donde normalmente sale la fecha de tu blog, eso es según la plantilla que estamos usando :)

Responder
DyDy

Hola Gema, de nuevo yo aqui con una duda, mi fecha esta personalizada ya, asi como tu lo explicaste, de hecho me sale bien, pero quisiera saber porque en algunas entradas no me sale la fecha en el titulo de la misma? podrias visitar mi blog para que veas lo que te digo? gracias y saluditos y otra vez muchas gracias por toda tu ayuda,http://didita-didita.blogspot.com

Responder
Gem@

Hola Dydy comprueba si son entradas con la misma fecha.

Responder
Anónimo

Esto esta en todos lados,.. lo copias o que¿

Responder
Gem@

Deko (Vía Blogyweb) eso quiere decir que es una información extraída de esa página. (está al final de la entrada)

Responder
Unknown

Gema excelente tu blog,me auda muchísimo,felicitaciones.He colocado todos los códigos de personalizar..y no me sale nada en cineavir.blogspot.com,ya antes no aprecían las fechas de ningún post y no sé como restaurarlas,si puedes ayudarme,te agradeceré mucho

Responder
Gem@

Aviber mira si tienes activada la casilla de permitir comentarios o cambiaste el formato de cabecera de la fecha ;)

Responder
Unknown

Muchísimas gracias por tu respuesta,poco antes lo había solucionado tal cual me dices,tan obnubilado estaba que no veía lo más sencillo.-
Sigue dándole fuerte que tu es ayuda formidable

Responder
Gem@

Estupendo Aviber ;)
Gracias.

Responder
iL Gato

Gema hoy no pido ayuda en nada, solo agradezco las continuas ayudas que das. Saludos desde Cancun mexico. gastonborda.blogspot.com.

Responder
Gem@

iL gato es un gesto de agradecer :)

Responder
Anónimo

Primero, felicidades por éste magnífico blog. Yo estoy construyéndome uno en wordpress, pero creo que lo de la fecha servirá también. Perdona mi ignorancia pero ¿cómo puedo hacer que la fecha entre en un recuadro que n ocreemos nosotros, sino que por ejemplo sea una imagen? Por ejemplo ésta: http://www.dezinerfolio.com/wp-content/themes/df_blue/images/date.gif

¿Podrías explicarlo por favor?

Gracias de antemano, saludos!

Responder
Unknown

Hola Gema:
Tenía funcionando la fecha,pero en alguna de volteretas que uno suele dar haciendo cambios lo perdí,al querer implementarlo nuevamente siguiendo tus instrucciones me encuentro que no me deja guardar la plantilla porque dice que hay un div dentro del head
hice una captura de pantalla que te la envio por mail
gracias por tu invalorable ayuda

Responder
Unknown

Hola Gema:
nuevamente para decirte que pude solucionar el tema,ubicando las zonas erróneas,pero instalé otro calendario de Rosa,que funciona,gracias igual.-Sigues entre mis blogs mentores

Responder
Unknown

Hola Gema:
Nuevamente ,para avisarte que después de mucho revolver logré ver el problema,tienes puesto en las instrucciones head, div que no premiten guardar plantilla.
La solución es la misma que tienes en blogand web
Hecho eso,quedó perfecto.-
Gracias por perseverar en tus esfuerzos para desasnarnos

Responder
Gem@

Diego como no dejas la url de tu blog no sé si ya lo has solucionado, de todas formas intentalo donde dice: #fecha {
sustituyendo en background el color por la imagen de esta forma:
background: url(aquí-url-de-la-imagen)no-repeat;
La imagen debe ser pequeña tipo favicón de lo contrario será difícil visualizarla.

Muchas gracias Aviber lo la imposibilidad de añadir div en el head fue posterior a esta entrada, por si te sirve de ayuda lo podemos solucionar añadiéndolo después de <body>

-Ya he modificado la entrada para subsanar ese error GRACIAS ;)

Responder
kaka

Vaya Gema, he llegado desde google a tu anotación y realmente me ha sido muy util. Todo muy bien explicado ;) ¡se agradecen tus esfuerzos!

Me ha quedado genial, hasta me he permitido el lujado de modificar un poquito el script para mostrar la fecha en el formato mes-día y con un poco de ingenio y una dosis de imaginación que quede estilo calendario.

Un saludo y muchas gracias!

Responder
Gem@

Hay que reconocer que te ha quedado estupendo y muy acorde con el blog ;)

Responder
kaka

Hola Gema, yo también he hecho una entrada para compartir este truquito con mis compañeros bloggers, citándote como fuente.

Espero que no te importe, te dejo aquí el enlace por si la quieres ver. Si hay algún problema me lo comentas y rapidamente se soluciona ;)

Un saludo!

Responder
Gem@

Muchas gracias kaka, está muy bien explicado.
Gracias por citar la fuente :)

Responder
Patán

Amiga, una pregunta, se puede yy creo que si, pero no se como se hace.

COLOCAR LA FECHA EN TODAS LAS ENTRADAS QUE UNO HA PUBLICADO.

Si sabes me puedes ayudar.

Gracias amiga.

Responder
Patán

Espero a ver si me ayudas con la consulta anterior...

Responder
Gem@

Patricio vi que tienes la fecha en todas las entradas si te refieres a añadirla en el footer de las entradas junto a autor, etiquetas y nºde comentarios puedes hacerlo en plantilla de diseño/editar entradas del blog/editar
Y marcando la casilla que corresponde a fecha :)

Responder
ritxard

Hola Gema te sigo desde hace mogollón me gustaría pedirte, a ver si me puedes ayudar a añadir la fecha tipo word press en esta plantilla, me estoy volviendo medio loco y no encuentro la manera.
Muchas gracias eres genial.

Responder
Gem@

¿Y qué plantilla es esa?
¿Has probado con las explicaciones de esta entrada?

Responder
ritxard

Jope, que torpeza la mia la plantilla es esta http://btemplates.com/2008/09/17/funkyzine/

Y la parte que no encuentro es esta data:post.dateHeader/ no se si es que no viene o se llama de otra manera.
Gracias por tu paciencia y perdona la torpeza.

Responder
Gem@

Es una plantilla adaptada a Blogger Ritxarz tendría que añadirla a mi blog de pruebas para saberlo y al menos hasta mañana no podré hacerlo si no tienes prisa....

Responder
Unknown

Ok Gema no te preocupes no hay ninguna prisa, cuando tu puedas, o quieras.

La plantilla está modificada en esa parte me he dado cuenta cuando intentaba añadir lo de las categorías expansibles, logré que se llegase a ver la fecha pero el título no se veía bien.

Muchas gracias por tomarte esa molestia conmigo.
Un saludo.

Responder
Gem@

¿Ritxarz? y La tahona sois la misma persona?
Quiero decir ¿mismo blog?

Responder
Unknown

Si eso es soy ritxard y administro "la Tahona" ¡¡¡¡que lio jejejej!!! y llevo un tiempo retocando la plantilla que te conté para sustituir la actual.

Responder
Anónimo

¿Gema conseguiste adaptar la fecha a esa platilla?
Sigo intentándolo, pero... cada vez peor ¡¡¡menuda pelea de códigos!!! jejejeje muchas gracias, un saludo de uno de tus mas torpes lectores jejejej.

Responder
Gem@

Añadí la plantilla y aún la tengo en el blog estuve probando sin resultado Ritxard, localicé estos comentarios en la página del autor pero también sin resultado ;)
No responde a las indicaciones de una plantilla de Blogger :(

Responder
Unknown

Gracias Gema ya me di por vencido ejjejeej en ese tema... no lo consigo.

Una preguntilla más ¿como puedo hacer que se vea el enlace de "post anteriores" "inicio" y "post siguientes" en esa plantilla? si no se pude no te comas la cabeza jejeje

Responder
Gem@

Al ser una plantilla adaptada hay opciones que las tiene aplicadas o al menos utilizadas.
Una buena idea sería añadirle paginación.
Mira esta entrada de J.Miur:
Paginación en Blogger

Responder
Gem@

Quise decir que hay opciones que no las tiene aplicadas.

Responder
Gem@

Petterjuice envíame un mail que me ponga en contacto contigo por favor ;)

Responder
Petterjuice

no encontre tu mail en el blog..
quizas no buske bien...
tedejo mi gmail
kpzulla@gmail.com

Responder
Gem@

Ok gracias :)

Responder
Unknown

Owo.... Psss hoy si me salvaste... jejeje encontre una Plantilla que me gusta y la aplique en un blog y pss keda muy bien pero tenia el problema de la fecha.. supuestamente ya traia este truco de la fecha... pero no la mostraba... y pss con los datos de aki pss logre modificarlo para que si se mostraran jejeeje

Gracias.... solo queria saber algo.. jejeje
Se puede poner la fecha de esta forma... El Dia Arriba y el Mes, Año abajo..???? si se puede me avisas jejeje...

Muchass Gracias por todo..

Responder
Unknown

Oie tambien tengo la duda de como mostrar la fecha en todas las entradas... mira te explico... cuando hago mas de un post en un dia supongamos unos 3 post solo en el ultimo se muestra la fecha y en los demas no..??? se puede arreglar..????

Gracias.....

Responder
Gem@

Hola José la fecha puede cambiarse y situarse arriba y abajo pero desconozco si puede separarse el día del mes y el año.
Para que salga la fecha en todas las entradas ve a plantilla y marca para expandir la plantilla de artilugios.
Busca:
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
Y sustitúyelo por:
<b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = '<data:post.dateHeader/>';</script>
<h2 class='date-header'><data:post.dateHeader/></h2>
<b:else/>
<h2 class='date-header'>
<script>document.write(ultimaFecha);</script>
</h2>
</b:if>

Responder
LRPB

hola gemma

No se porque en mi pagina no consigo poner la fecha al lado del titulo de la entrada.
http://baetulo.blogspot.com

tienes alguna entrada que explique como incluir la fecha en la parte del titulo???

Gràcias

Responder
Juno

Mil Gracias Gema, le personalice con nueva plantilla al novio su blog, y tenia un diseño de pestaña hermoso para la fecha, pero... después note que se quedo en 1 de abril del 2008 xD. Lo he solucionado con tu código, Mil Gracias.

Responder
Gem@

yz Muchas gracias por venir a comentarlo Juno :D

yz Tengo esa entrada LRPB pero he visto tu comentario demasiado tarde, lo siento.
Si aún tienes la misma duda házmelo saber :)

Responder
Anónimo

Me funciono perfectidirigillo. Muchas gracias, soy de http://he-marvel.blogspot.com/

Responder
Gem@

yz Genial HE-MARVEL :)

Responder
Natalia Trujillo

Hola Gema!

Otra vez yo! :s

Bueno, seguí todas las intrucciones pero me salen puros códigos en la sección donde debería estar la fecha. Lo hice dos veces, y sigue igual! :(

Me ayudas? EL blog es http://espiasdelcielo-cefeidas.blogspot.com/

gracias!!!

Responder
Gem@

:: Nataly ¿cambiaste el Formato de cabecera de fecha?

Responder
Maariian

Hola una pregunta, nose que pasa con mi blog pero no me pone la fecha en cada entrada que subo. Y ya me fije y esta seleccionada la fecha para que aparezca, pero sigue sin aparecer :S. Tengo una plantilla clasica y nose que puede ser que pase.
Gracias

Responder
Gem@

:: La fecha la tienes @maariiann viene en la plantilla con estos estilos:
h2.date-header {
margin:1.5em 0 .5em;
Haz las siguientes comprobaciones, ingresa en plantilla de diseño, busca donde dice "Entradas del blog" y un poco más abajo pulsar donde dice "Editar"
En esa ventana tienes todo lo que deseas que se muestre en el blog "Opciones de la página de entrada"
La primera casilla debe estar marcada para mostrar la fecha sobre las entradas, si la tienes marcada y no sale comprueba también que en "Configuración" donde dice "Formato de cabecera de fecha" y cambia a otro formato distinto.
Si aún así sigues sin verla me lo dices que seguramente has eliminado algo sin darte cuenta ;)

Responder
Unknown

Hola Gem@, me llamo Jesús y hace mucho tiempo que encuentro información y sabiduría en las páginas de tu blog. A pesar de ello nunca te había escrito.
Nunca es tarde...

No obstante hoy necesito ayuda porque no soy capaz de hacer un efecto. (algo realmente extraño , dado lo bien que lo explicas todo).

El caso es que quiero que se muestren todas las fechas en los post, incluidas las que se realizan el mismo día, y además que se muestren con el formato que he elegido basado en este post.

Lo he mezclado todo en el código y sale el formato en las fechas pero no en los otros post del mismo día. Sale la fecha pero con el formato de blogger.

Muchas gracias de antemano
http://ccoomostoles.blogspot.com/

Responder
Unknown

Ah, se me olvidaba. En Firefox no queda bien, no se ve ni el borde, ni el fondo, ni la alineación, etc.

Gracias por tu atención

Responder
Gem@

:: Saludos Sección Sindical CCOO.
Para que la fecha se muestre en todos los post aún siendo editados el mismo día mira el siguiente enlace:
http://gemablog-.blogspot.com/2009/03/fecha-en-todos-los-post.html
Suerte ;)

Responder
Gem@

:: En qué blog añadiste la fecha?

Responder
Unknown

Gracias Gem@, pero eso es lo que hice y la fecha sale, pero sin el formato que esplicas en este post.

El formato nuevo sale en todas las entradas excepto en los que son editados el mismo día.

Sale en uno de ellos pero no en el resto.

El blog en el que añadí la fecha es: http://ccoomostoles.blogspot.com/

Si lo necesitas te envío el código de la plantilla.

Gracias de nuevo

Responder
Gem@

:: Pues llevas razón, he probado ahora mismo y no sale en todas las entradas.
Voy a comprobar y te digo algo :S

Responder
Gem@

:: Mira si lo tienes así:
<b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = &#39;<data:post.dateHeader/>&#39;;</script>

<div id='fecha'>
<script>remplaza_fecha(&#39;<data:post.dateHeader/>&#39;);</script>
</div>


<b:else/>
<h2 class='date-header'>
<script>document.write(ultimaFecha);</script>
</h2>
</b:if>

Responder
El Álamo Información

Entro como otro usuario, espero que se pueda ver mi foto en el mensaje para que me puedas poner cara y nombre.

Pues no querida Gem@, no lo tenía así. Pero he probado como dices y tampoco funciona.

Tenía lo siguiente:


Como sobraba lo he quitado, pero luego he probado de todo. Con paréntesis, sin él, con dos puntos y coma, con uno, con ninguno, pero nada que no. A veces no sale ningún recuadro, otras veces se queda como estaba y otras no me daja guardar la plantilla, por errores.

Lo que si sale fijo es la fecha tradicional en los post repetidos.

Ahora lo he dejado como has puesto, pero sigue como antes.

Ja, ja, ja. Es como que el código se ha rebelado y pasa de hacernos caso.

Gracias de todos modos. Valoro mucho el trabajo que realizas para ayudarnos a todos los aficionados a este arte del blog a hacer cosas que sin ti sería imposible.

Si le pudieras dar otra vuelta te lo agradecería y si no está bien, que ya he abusado mucho de tu tiempo.

Responder
El Álamo Información

A ver si ahora quiere salir el código. Le quito algunos símbolos para ver si cuela. Tenía un (h2 class=date-header) de más, que he quitado.

Lo demás estaba igual, y sigue igual.

Besos

Responder
Gem@

:: Lamento no ver este comentario antes Jesús :S
Probaré en otra plantilla porque la del ejemplo ya no la tengo y te digo el resultado.

Responder
Zahira León

Y como alineo mi fecha a la foto del blog??????

Responder
Gem@

:: En qué blog y a qué foto Zahira ??

Responder
El Álamo Información

Muchas gracias Gem@, se que es muy dificil llevar un blog al día y más cuando tienes tantos comentarios, dudas y sugerencias.

Si le puedes dar una vuelta te lo agradezco y si no lo entenderé y te lo agradezco igualmente.

Besos

Responder
Gem@

:: Hola Jesús mándame un mail que me quede con el tuyo para responderte.
forevergema(arroba)gmail.com

Responder
anceser

http://zonasenior.blogspot.com
Hola Gem@
Muy buen truco. Estupenda la explicacion. Funcionando a la primera. Eres genial. Gracias por tu ayuda

Responder
Gem@

:: Gracias A.Cea, bienvenido :)

Responder
Unknown

Hola Gema:
visitándote nuevamente para que me auxilies,en el blog olei haifa,he puesto esta personalizacipon de fechas,queda modificada pero sin bordes y no puedo moverla a la derecha,pongo right y queda tal cual;podrías orientarme para resolver esto,gracias

Responder
Gem@

:: Tendría que ver el blog Aviber y el perfil no está activado, no puedo verlo :S

Responder
Unknown

Perdóname,no me dí cuenta,ahora ya lo está,gracias nuevamente

Responder
Gem@

:: Aviber creo que el error está en esa etiqueta de <data:post.dateHeader/> que debemos sustituir es una etiqueta cerrada con barra a la derecha, si pudieras repasar los pasos que seguiste y comprobar que esa es la etiqueta que ha sido sustituida...

Responder
Unknown

Gema:
revisé y no encontré nada,como no me permite enviar comentario con código te los envié por mail,comparando videoteca donde funciona y olei donde no lo hace
gracias por tus molestias

Responder
Gem@

:: Creo que te faltan estos estilos Aviber:

#fecha {
display: block;
margin:0 10px;
float:right;
padding: 5px;
color: #464646;
background: #e4e3ad;
border:#d7d675 3px solid;
text-transform:capitalize;
}

Responder
Gem@

:: Lo he mirado de nuevo y no, los estilos si están lo que ocurre que lo tienes así:
.jump-link a {
text-decoration:none;
color:#FFFFFF;
padding:5px;
background:none repeat scroll 0 0 #339999;#fecha {
display: block;
margin:0 10px;
float:left;
padding: 5px;
color: #464646;
background: #e4e3ad;
border:#d7d675 3px solid;
text-transform:capitalize;
}

y debería ser así:

.jump-link a {
text-decoration:none;
color:#FFFFFF;
padding:5px;
background:none repeat scroll 0 0 #339999;
}

#fecha {
display: block;
margin:0 10px;
float:left;
padding: 5px;
color: #464646;
background: #e4e3ad;
border:#d7d675 3px solid;
text-transform:capitalize;
}

(en los estilos de la etiqueta para expandir la entrada faltaba el cierre no sé como no me di cuenta la primera vez :S

Responder
Unknown

Genial Gema,ahora funciona perfecto,invalorable tu dedicación y ayuda,parece mentira que una pequeña llavecita de cierre genere tantos problemas.-Nuevamente gracias y seguiré atentamente todas las novedades que vas publicando

Responder
Gem@

:: A veces lo más mínimo nos da más quebraderos de cabeza Aviber, me alegra que ya esté resuelto :)

Responder
Natalia Trujillo

Hola Gema, verás, acabo de cambiar la plantillade mi blog, pero como siempre, tengo problema con la fecha. Me sale el "undefined" y ya le busque pero no encuentro ese apartado que dices (data.post.Header, etc). Hay varios data.post pero no sé cual editar. Me ayudas? El blog es http://www.elrincondenataliatrujillo.blogspot.com/

GRACIAS de antemano!

Responder
Gem@

:: Nataly, para hacer más sencilla la localización de <data:post.dateHeader/> mira la siguiente entrada y no olvides que debes expandir la plantilla.
http://gemablog-.blogspot.com/2007/09/localizar-de-forma-fcil-un-cdigo-en-la.html

Responder
Liz 松本

Hola Gema mi pregunta es; sera que puedo poner una imagen de fondo en la fecha ya personalizada? me

Responder
Gem@

:: Si que puedes en la primera parte donde dice background: #e4e3ad; lo sustituyes por background: url(url-imagen)no-repeat; y en url-imagen añades la url de la imagen :)

Responder
Liliana

Muy buen tutorial, gracias por tu ayuda.

Responder
Gem@

:: Gracias a ti por comentar Liliana :)

Responder
Isaac Chavero

Hola Gema,

al poner la fecha en el blog: www.blogcirugiaestica.com (nueva plantilla) la fecha se me queda arriba del titulo. Lo he intentado arreglar añadiendo float: left a .date-header y el problema es que todo la entrada se me corre a la izquierda.

¿cómo puedo ponerlo para que la fecha queda a la izquierda del titulo tal como tu lo tienes?

gracias

Responder
Gem@

:: Isaac Chavero eso es porque está en ese orden en la plantilla, sería necesario mover el bloque de la fecha hasta debajo del título.
En la siguiente entrada de Rosa está explicado:
http://elescaparatederosa.blogspot.com/2008/05/publicado-por-la-hora-comentarios-y.html

Responder
Isaac Chavero

Probaré...o quitaré la fecha...pero el problema es que se solo se ve así con IE, con firefox y crome se ve la fecha a la izquierda del titulo en la misma linea... y la mayoria de mis lectores usa IE

Responder
Gem@

:: Pues con Explorer 8 se ve a la izquierda :S

Responder
Isaac Chavero

Gema yo tengo un portatil con windows 7 y Explorer 8 y un pc con Vista tambien con Explorer y en ambos se ve a la izquierda... pero encima del titulo y además muy separado.

En otros ordenadores con versiones anteriores del explorer tambien se ve arriba.

Responder
Gem@

:: Isaac has probado si en formato de cabecera de fecha lo pones tal y como dice la entrada?

Responder
Isaac Chavero

Sí, lo tengo tal como dice la entrada. De hecho hice exactamente lo mismo con mi blog: la "revistadecirugiaestetica" y ahí se ve perfectamente. Solo me pasa en el "blogdecirugiaestetica" y sólo con explorer. ¿será porque es una plantilla del diseñador?

De todas formas en mis blogs pasan cosas raras, hace tiempo ya te conte que en los ordenadores en los que me había logueado desaparecen a veces elementos del footer...extraño pero cierto..

al final lo más seguro es que quite la fecha de las entradas o la ponga al final del todo.

Responder
Gem@

:: Isaac Chavero alguna diferencia debe haber entre una plantilla y otra cuando funciona en la primera solamente. La solución es repasarla y no obviar ningún detalle.
El que se vean cosas distintas no se debe al ordenador sino al navegador.

Responder
Cocidodesopa

Muchas gracias por tu explicación, Gema. Por fin he encontrado lo que buscaba, y me ha salido a la primera. Saludos y felices fiestas.

Responder
Gem@

:: Genial Yolanda :d

Responder
Anónimo

hola gem@ ¿hay alguna manera de hacer que la fecha (con este diseño) quede sobre el título y no al lado del título? en http://paraninosconcabeza.blogspot.com por el diseño que tengo queda fatal que la fecha quede junto al título...

Responder
Gem@

:: Por defecto la fecha en la plantilla original de Blogger queda sobre el título y viene reflejado en los estilos con h2.date-header puedes intenatar añadir estilos tipo calendario a esos estilos y lo tendrás sobre el título.

Responder
Anónimo

¿Y cómo añado estilos tipo calendario? :(

Responder
Gem@

:: En realidad esta es una variante de ese estilo Lileka, si aún no lo tienes añadido prueba antes en otro blog con la misma plantilla claro y entonces juega con los valores de margin que establece la separación del bloque en los cuatro bordes. Con padding hacemos lo mismo sólo que modificamos el espacio interior del contenido.

Responder
L

hola necesito saber como hacer pra q el titulo de la entrada aparezca al lado de la fecha. ya hice el cuadrito de la fecha pero quiero juntarlo con el titulo ..Ayuda!! porfa
gracias de antemano :)

Responder
Gem@

:: L creo que en Vagabundia ya te respondieron, siento llegar tarde :)

Responder
María

Hola, Gema, en primer lugar, gracias por tu trabajo, a los aficionados a los blogs nos viene genial!!

En segundo lugar, yo tengo el mismo problema que te comentaba LRPB en el comentario 59 de esta entrada: en un blog nuevo que me estoy haciendo, en todos los navegadores la fecha sale al lado del título, pero en Internet Explorer me aparece sobre el título. He probado todo, pero no doy con la tecla. ¿Sabes cómo puedo arreglarlo? He buscado la entrada de la que hablas, pero no la encuentro. ¿Me ayudas? Mil gracias.

Responder
Gem@

:: Tendría que ver ese nuevo blog María Lunarillos es difícil saber si hay algún error sin verlo.

Responder
Black Heart.

Hola!:D
me gustaría saber si es posible colocar la fecha del blog en una misma linea, te doy un ejemplo:
14 de febrero de 2011 (y que el fondo detrás de la fecha sea de color negro, y la fecha escrita en color blanco) espero que puedas ayudarme y te lo agradecería muchísimo! Saludos y felicidades por tu lindo blog !

Responder
Gem@

:: En una misma línea no es necesario añadir el efecto calendario, es suficiente con añadir color de fondo y de fuente en la fecha y escoger la forma de mostrarla así en configuración.

Responder
Balthazar Hawke

Muchas gracias! Fue un desafio muy divertido lograr que la fecha quedara al lado del titulo, el problema de mi template era que tenia un float en el cuerpo del post, y por eso no podia hacerla bajar al lugar donde yo queria. Probablemente sea un problema parecido con el de L (post:113) y la solucion no se parece a la que nos ofrecen en vagabundia(para los que tienen float en el postbody)sino, que hay que mover la fecha bajo el title, y arreglar los margenes del title y de la fecha, para que esta quede justo al lado del titulo del post... :O Talvez haga un tutorial :)
Gracias Gem@! La ayuda que me diste con el background para el [Continue reading] me ayudó para dar con la solucion! :D

Responder
Gem@

:: No se puede hablar de soluciones concretas porque cada plantilla es distinta Balthier, y aún teniendo plantillas idénticas las medidas, los márgenes y cualquier otro valor requiere una solución diferente.

Responder
Yona

Hola! Primero que nada mil gracias por este post porque fue el único que me resultó para cambiar la molesta fecha de mi blog xD. Ahora mi pregunta... hay algún método para que la fecha quede justo al lado del título del post? Porque cuando lo puse me queda al lado del texto. Muchas gracias!!!

http://elburnbook.blogspot.com/

Responder
gab

Hola, gena, buen dia. ya que soy uy ingrato en no comentar y eso que paso por tu pagina, ya que tengo un enlace directo al suyo, en mi propia pagia.
Veo que sus aportaciones estan cda vez mucho mejor gracias a ud se mejora uno cada dia. saludos y espero que lo hayas pasado de lo mejor en su descanso.

Responder
Gem@

:: Yona tendría que ver tu ejemplo para decirte de que forma moverlo hasta dejarlo al lado del título.

:: De ingrato nada gab comentar no es algo obligado y el poco tiempo que disponemos es un factor importante ;)
Gracias por los elogios al blog :)

Responder
Unknown
Este comentario ha sido eliminado por el autor.
Responder
Unknown

Hola cuando voy a coger la etiqueta; data:post.dateHeader hay muchas cual remplazo todas? :S

Responder
Rodrigo Acuña Bravo

Hola Gema, también quisiera dejar la fecha junto al titulo, vi la entrada de Vgaanbundia pero me pierdo en la mitad al faltarme concimientos.
Me podrias ayudar ?

Gracias de antemano. Te dejo el link para que veas la plantilla. (en todo caso por mientras he quitado el truco este porque no me gusta como se veia arriba del titulo la fecha)

Saludos dede Chile

Rodrigo
www.lucesysombras.cl

Responder
Gem@

:: Rodrigo tendría que saber los pasos que estás siguiendo y a que entrada de Vagabundia te refieres :S

Responder
jooexl

Hola me gusto mucho. queria saber por que en mi blog solo aparece las fechas intercaladas,
te dejo mi blog
www.qbuenamusica.com, Gracias por ante mano

Responder
Gem@

:: Hola jooexl seguramente sale así porque son entradas escritas un mismo día y Blogger añade la fecha a la primera de varias entradas editadas en el mismo día.
Para que la fecha salga en todas las entradas mira la siguiente url ;)

http://gemablog-.blogspot.com/2009/03/fecha-en-todos-los-post.html

Responder
jooexl

Muchisimas Gracias por responder io tmb soy amante del blogger me gusta mucho las cosas q uno puede hacer con ella y todo es Gratis, no hay necesidad a alojar algo en un costoso hosting,

Bueno te quería consultar algo, ya que en el otro post no puedo leer tu respuesta , ME GUSTARIA QUE MI BLOG TENGA LA MISMA APARINCIA DE LAS ENTRADAS DESPLEGABLES COMO LA TUYA SEVEN LAS ENTRADAS MAS ATRACTIVAS ME GUSTARIA QUE ME AYUDES ANTE MANO MUCHAS GRACIAS, soy un estudiante.

Responder
Gem@

:: Hola jooexl el sistema de entradas es idea de JMiur de Vagabundia consta e tres entradas y recomiendo intentarlo antes en un blog de pruebas :)
Esta es la primera de las entradas, consulta a JMiur que él te indicará las entradas correctas :)
http://vagabundia.blogspot.com/2009/10/resumen-posts-1-el-encabezado.html

Responder
Construya Facil

Hola Gema, intente hacer es truco pero la verdad es que mi blog no sufrió ningún cambio...

la verdad me gustaría q me ayudaras por que siempre sale un 17 apr en los post.

Gracias.

Responder
mceh

Hola yo tengo este código 3 veces y no me atrevo a tocar ninguno. ¿Me podrías ayudar? :'(

Responder
mceh

El código no sale pero es el que dice data:post.dateHeader/ espero que se vea ahora.

Responder
Gem@

:: mceh en las plantillas nuevas que es la que estás usando no he probado, será cuestión de ir probando y mirando en vista previa.

Responder
Admin

Hola, Gem@.
Primero de todo, darte la enhorabuena por tu blog. Es fantástico.
Yo acabo de montar el mio para mi clase de quinto de primaria. La verdad es que esto engancha, siempre quieres poner más y más cosas.
He intentado hacer esta modificación en mi blog y al buscar bodi y no aparece.
mi blog es: cavalls2011.blogspot.com
Un abrazo.

Responder
Chisco

Buenos dias Gema, primero muchisimas gracias por la informacion y ayuda de tu Blog, es una pasada.

Yo soy novato en todo esto, pero novato, y leo y leo el tema de poner la Fecha como decis, pero noy soy capaz, conseguir modificar que cada entrada tuviera la fecha, pero por ejemplo desconozco exactamente los pasos a seguir para por ejemplo que tenga tu entrada de fecha en las entradas de articulos. Me imagino que con el tiempo evitare hacer estas preguntas pero por ahora no puedo hacer otra.

Me puedes decir?

Un abrazo.

Responder
EPIFANIO QUIROS TEJADO

No me sale, Gema. Lo he intentado con tus códigos, con los de Vagabundia (que incluso no me dejaba guardar la plantilla) y con algunos consejos de El Potro. Un desastre. Y he cambiado tanto la plantilla que ya no se ni que modificar. Si me echas un vistado te lo agradeceré. Saludos.

Gem@

Hola Epifanio, la mayoría de veces el error es que no añadimos bien la fecha en la configuración del blog. Comprueba si es eso :)

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top